<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <link href="css/mobiscroll.javascript.min.css" rel="stylesheet" type="text/css" />
    <script src="js/mobiscroll.javascript.min.js" type="text/javascript"></script>
    <script src="js/mock.js"></script>
    <title>優惠碼詳情</title>
</head>

<body class="minipage">
    <div class="wrap">
        <div class="logocon">
            <div class="logoimg "><img src="./img/logo.png "></div>
            <div class="cont ">
                <p>O2O客戶服務平台（EC2）</p>
                <p>請關注粉絲專頁 <a href="javascript ">福皓整合科技</a></p>
            </div>
            <!-- <div class="sharecon ">
                <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FFull2house%2F&amp;width=50&amp;layout=box_count&amp;action=like&amp;size=large&amp;show_faces=false&amp;share=false&amp;height=65&amp;appId=382298112140973 "
                    width="50 " height="50 " style="border:none;overflow:hidden " scrolling="no " frameborder="0 " allowtransparency="true "></iframe>
            </div> -->
        </div>
        <section class="codecon">
            <div class="card use">

                <div class="cardbg">
                    <p class="name">優惠券名稱優惠券名稱</p>
                    <div class="date">
                        <hr style="width:6%;height:3px;border:none;border-top:3px double #fff;position:absolute;top:14px;left:0;" />
                        <hr style="width:6%;height:3px;border:none;border-top:3px double #fff;position:absolute;top:14px;right:0;" />
                        <p>使用期限 2018.3.7 - 2018.8.9</p>
                    </div>
                    <p class="price"><em>NT$</em>80</p>
                    <p class="remark">滿199可用</p>
                    <p class="code">優惠碼 388SDIWEUIOT</p>
                </div>
                <div class="carborder"></div>
            </div>
            <div class="card nouse">

                <div class="cardbg">
                    <p class="name">優惠券名稱優惠券名稱</p>
                    <div class="date">
                        <hr style="width:6%;height:3px;border:none;border-top:3px double #fff;position:absolute;top:14px;left:0;" />
                        <hr style="width:6%;height:3px;border:none;border-top:3px double #fff;position:absolute;top:14px;right:0;" />
                        <p>使用期限 2018.3.7 - 2018.8.9</p>
                    </div>
                    <div class="clearfix">
                        <div class="ec_div3">
                            <p class="price"><em>NT$</em>80</p>
                            <p class="usedate">使用日期 2018.3.8</p>
                        </div>
                        <div class="ec_div1 txt_align_r">
                            <p class="invaild"><img src="img/used.png"></p>
                        </div>
                    </div>
                    <p class="code">優惠碼 388SDIWEUIOT</p>
                </div>
                <div class="carborder"></div>
            </div>
             <div class="card nouse">

                <div class="cardbg">
                    <p class="name">優惠券名稱優惠券名稱</p>
                    <div class="date">
                        <hr style="width:6%;height:3px;border:none;border-top:3px double #fff;position:absolute;top:14px;left:0;" />
                        <hr style="width:6%;height:3px;border:none;border-top:3px double #fff;position:absolute;top:14px;right:0;" />
                        <p>使用期限 2018.3.7 - 2018.8.9</p>
                    </div>
                    <div class="clearfix">
                        <div class="ec_div3">
                            <p class="price"><em>NT$</em>80</p>
                            <p class="usedate">使用日期 2018.3.8</p>
                        </div>
                        <div class="ec_div1 txt_align_r">
                            <p class="invaild"><img src="img/invalid.png"></p>
                        </div>
                    </div>
                    <p class="code">優惠碼 388SDIWEUIOT</p>
                </div>
                <div class="carborder"></div>
            </div>
            <div class="dec">
                <div class="decbg">
                    <p class="tit">使用說明</p>
                    <p class="detail">使用說明使用說明使用說明使用說明使用說明</p>
                </div>
            </div>

        </section>

    </div>

</body>

</html>